<!-- 编辑器组件模块 -->
<template>
  <draggable
    v-model="componentsList"
    :group="{ name: 'drag', pull: 'clone', put: false }"
    :sort="false"
  >
    <template #item="{ element }">
      <div>{{ element.name }}</div>
    </template>
  </draggable>
</template>

<script setup lang="ts">
import draggable from 'vuedraggable'
const componentsList = [
  { name: '消息', id: 1, disabledMove: true, disabledPark: true },
  { name: '库存', id: 2, disabledMove: false, disabledPark: false },
  { name: '销量', id: 3, disabledMove: false, disabledPark: false },
  { name: '日志', id: 4, disabledMove: false, disabledPark: false }
]
</script>

<style lang="scss" scoped></style>
